<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <link href="../page/TrialBalance_files/appTheme.css" type="text/css" rel="Stylesheet">
    <link href="../page/TrialBalance_files/AccountBooks.AccountBooks.css" type="text/css" rel="Stylesheet">
    <style type="text/css">
        .datagrid-header-row {
            height: 30px !important;
        }
        .datagrid-cell-c1-ASUB_CODE {
            width: 101px
        }

        .datagrid-cell-c1-ASUB_NAME {
            width: 219px
        }

        .datagrid-cell-c1-INITIAL_DEBIT {
            width: 111px
        }

        .datagrid-cell-c1-INITIAL_CREDIT {
            width: 111px
        }

        .datagrid-cell-c1-DEBIT {
            width: 111px
        }

        .datagrid-cell-c1-CREDIT {
            width: 111px
        }

        .datagrid-cell-c1-YEAR_DEBIT {
            width: 111px
        }

        .datagrid-cell-c1-YEAR_CREDIT {
            width: 111px
        }

        .datagrid-cell-c1-TOTAL_DEBIT {
            width: 111px
        }

        .datagrid-cell-c1-TOTAL_CREDIT {
            width: 111px
        }
    </style>
</head>
<body>


<div class="FlowContainer" style="width: 1100px; margin: 0 auto; height: auto;">
    <div style="width: 1100px; line-height: 60px; margin: 0 auto; text-align: center; background-color: rgb(242,242,242)">
        <span id="sbjtitle" class="headtitle">科目余额表</span>
    </div>
    <!--操作-->
    <div style="width: 1062px; padding: 10px 0 10px 0; margin: 0 auto;">
        <div class="left" style="width: 100%;">
            <div class="btn-menu">
                <table style="width: 1060px;" cellspacing="0" cellpadding="0">
                    <tbody>
                    <tr>
                        <td style="width: 700px;">
                            <span class="ui-button" id="thisperiod" style="cursor: pointer;">
                            ${currentSelectPeriod}
                            </span>
                            <div class="con">
                                <table cellpadding="0" cellspacing="0">
                                    <tbody>
                                    <tr>
                                        <td style="width: 75px;">会计期间：
                                        </td>
                                        <td style="width: 126px;">
                                            <div class="jqtransform jqtransformdone">
                                                <div class="jqTransformSelectWrapper" style="width: 120px;">
                                                    <div class="jqTransformSelectWrapper" style="width: 120px;">
                                                        <div onclick="openSelect(this)">
                                                            <span id="startPeriod" style="width: 120px;">
                                                            <#list selectPeriod as period>
                                                                <#if period.selected == 1|| period.selected == 3>
                                                                    ${period.data}
                                                                </#if>
                                                            </#list>
                                                            </span>
                                                            <a class="jqTransformSelectOpen" tabindex="undefined"></a>
                                                        </div>
                                                        <ul style="width: 120px; display: none; z-index: 300; visibility: visible;">
                                                            <#list selectPeriod as period>
                                                                <#if period.selected == 1|| period.selected == 3>
                                                                    <li>
                                                                        <a onclick="selectDate(this)" index="${period_index}" class="selected">${period.data}</a>
                                                                    </li>
                                                                <#else>
                                                                    <li>
                                                                        <a onclick="selectDate(this)" index="${period_index}">${period.data}</a>
                                                                    </li>
                                                                </#if>
                                                            </#list>

                                                        </ul>
                                                </div>
                                            </div>
                                        </td>
                                        <td style="width: 19px;">
                                            至
                                        </td>
                                        <td>
                                            <div class="jqtransform jqtransformdone">
                                                <div class="jqTransformSelectWrapper" style="width: 120px;">
                                                    <div class="jqTransformSelectWrapper" style="width: 120px;">
                                                        <div onclick="openSelect(this)">
                                                            <span id="endPeriod" style="width: 120px;">
                                                            <#list selectPeriod as period>
                                                                <#if period.selected == 2|| period.selected == 3>
                                                                    ${period.data}
                                                                </#if>
                                                            </#list>
                                                            </span>
                                                            <a class="jqTransformSelectOpen" tabindex="undefined"></a>
                                                        </div>
                                                        <ul style="width: 120px; display: none; z-index: 300; visibility: visible;">
                                                        <#list selectPeriod as period>
                                                            <#if period.selected == 2 || period.selected == 3>
                                                                <li>
                                                                    <a onclick="selectDate(this)" index="${period_index}" class="selected">${period.data}</a>
                                                                </li>
                                                            <#else>
                                                                <li>
                                                                    <a onclick="selectDate(this)" index="${period_index}">${period.data}</a>
                                                                </li>
                                                            </#if>
                                                        </#list>
                                                        </ul>
                                                </div>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td colspan="4">
                                            <table style="width: 100%; padding: 0" cellpadding="0" cellspacing="0">
                                                <tbody>
                                                <tr>
                                                    <td style="width: 70px; padding-bottom: 10px;">
                                                        <a class="button" onclick="btsearch()">确&nbsp;&nbsp;定</a>
                                                    </td>
                                                    <td style="width: 70px; padding-bottom: 10px;">
                                                        <a class="button" onclick="cancel()">取&nbsp;&nbsp;消</a>
                                                    </td>
                                                    <td style="padding-bottom: 10px;" align="left">
                                                        <a class="button" onclick="reset()">重&nbsp;&nbsp;置</a>
                                                    </td>
                                                </tr>
                                                </tbody>
                                            </table>
                                        </td>
                                    </tr>
                                    </tbody>
                                </table>
                            </div>
                        </td>
                        <td style="width: 85px; line-height: 30px; padding-left: 10px;">
                            <a class="iconbutton" onclick="print()"><span class="buttonPrint"></span>打&nbsp;&nbsp;印</a>
                        </td>
                        <td style="width: 79px; line-height: 30px;">
                            <a class="iconbutton" onclick="DownloadData()"><span class="buttonExport"></span>导&nbsp;&nbsp;出</a>
                        </td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    <div class="accountdivmain" style="border: 1px solid #d0d0d0;">
        <div class="divleft-title">
            科目：<span id="sbjname">所有</span>
        </div>
        <div class="panel datagrid easyui-fluid" style="width: 1058px;">
            <div class="datagrid-wrap panel-body panel-body-noheader" title="" style="width: 1058px; min-height: 498px;">
                <!--内容-->
                <div class="datagrid-view" style="width: 1058px; height: 467px;">
                    <div class="datagrid-view1" style="width: 1058px;">
                        <div class="datagrid-header" style="width: 1058px; height: 59px;">
                            <div class="datagrid-header-inner" style="display: block;">
                                <table class="datagrid-htable" border="0" cellspacing="0" cellpadding="0"
                                       style="min-width: 0px; height: 60px;">
                                    <tbody>
                                    <tr class="datagrid-header-row">
                                        <td rowspan="2" field="ASUB_CODE">
                                            <div class="datagrid-cell datagrid-cell-c1-ASUB_CODE"
                                                 style="text-align: center;"><span>科目编码</span><span
                                                    class="datagrid-sort-icon">&nbsp;</span></div>
                                        </td>
                                        <td rowspan="2" field="ASUB_NAME">
                                            <div class="datagrid-cell datagrid-cell-c1-ASUB_NAME"
                                                 style="text-align: center;"><span>科目名称</span><span
                                                    class="datagrid-sort-icon">&nbsp;</span></div>
                                        </td>
                                        <td colspan="2">
                                            <div class="datagrid-cell-group">期初余额</div>
                                        </td>
                                        <td colspan="2">
                                            <div class="datagrid-cell-group">本期发生额</div>
                                        </td>
                                        <td colspan="2" field="qmye" style="display: none;">
                                            <div class="datagrid-cell datagrid-cell-c1-qmye"
                                                 style="text-align: center;"><span>本年累计发生额</span><span
                                                    class="datagrid-sort-icon">&nbsp;</span></div>
                                        </td>
                                        <td colspan="2">
                                            <div class="datagrid-cell-group">期末余额</div>
                                        </td>
                                    </tr>
                                    <tr class="datagrid-header-row">
                                        <td field="INITIAL_DEBIT">
                                            <div class="datagrid-cell datagrid-cell-c1-INITIAL_DEBIT"
                                                 style="text-align: center;"><span>借方</span><span
                                                    class="datagrid-sort-icon">&nbsp;</span></div>
                                        </td>
                                        <td field="INITIAL_CREDIT">
                                            <div class="datagrid-cell datagrid-cell-c1-INITIAL_CREDIT"
                                                 style="text-align: center;"><span>贷方</span><span
                                                    class="datagrid-sort-icon">&nbsp;</span></div>
                                        </td>
                                        <td field="DEBIT">
                                            <div class="datagrid-cell datagrid-cell-c1-DEBIT"
                                                 style="text-align: center;"><span>借方</span><span
                                                    class="datagrid-sort-icon">&nbsp;</span></div>
                                        </td>
                                        <td field="CREDIT">
                                            <div class="datagrid-cell datagrid-cell-c1-CREDIT"
                                                 style="text-align: center;"><span>贷方</span><span
                                                    class="datagrid-sort-icon">&nbsp;</span></div>
                                        </td>
                                        <td field="YEAR_DEBIT" style="display: none;">
                                            <div class="datagrid-cell datagrid-cell-c1-YEAR_DEBIT"
                                                 style="text-align: center;"><span>借方</span><span
                                                    class="datagrid-sort-icon">&nbsp;</span></div>
                                        </td>
                                        <td field="YEAR_CREDIT" style="display: none;">
                                            <div class="datagrid-cell datagrid-cell-c1-YEAR_CREDIT"
                                                 style="text-align: center;"><span>贷方</span><span
                                                    class="datagrid-sort-icon">&nbsp;</span></div>
                                        </td>
                                        <td field="TOTAL_DEBIT">
                                            <div class="datagrid-cell datagrid-cell-c1-TOTAL_DEBIT"
                                                 style="text-align: center;"><span>借方</span><span
                                                    class="datagrid-sort-icon">&nbsp;</span></div>
                                        </td>
                                        <td field="TOTAL_CREDIT">
                                            <div class="datagrid-cell datagrid-cell-c1-TOTAL_CREDIT"
                                                 style="text-align: center;"><span>贷方</span><span
                                                    class="datagrid-sort-icon">&nbsp;</span></div>
                                        </td>
                                    </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                        <div class="datagrid-body"
                             style="width: 1058px; margin-top: 0px; min-height: 407px; overflow-x: hidden;">
                            <table class="datagrid-btable" cellspacing="0" cellpadding="0" border="0">
                                <tbody>

                                <#list subjectBalance as item>
                                    <!--行-->
                                    <tr id="datagrid-row-r1-2-${item_index}" datagrid-row-index="${item_index}" class="datagrid-row">
                                    <td field="ASUB_CODE">
                                        <div style="text-align:left;height:auto;" class="datagrid-cell datagrid-cell-c1-ASUB_CODE">
                                            <div class="level1">${item.subject_id}</div>
                                        </div>
                                    </td>
                                    <td field="ASUB_NAME">
                                        <div style="text-align:left;height:auto;" class="datagrid-cell datagrid-cell-c1-ASUB_NAME">
                                            <div class="level1">
                                                <a style="color:blue;cursor:pointer;text-decoration:none;" target="_blank" href="">${item.subject_name}</a>
                                            </div>
                                        </div>
                                    </td>
                                    <td field="INITIAL_DEBIT">
                                        <div style="text-align:right;height:auto;" class="datagrid-cell datagrid-cell-c1-INITIAL_DEBIT">
                                        ${item.start_debit_balance?default('0')}
                                        </div>
                                    </td>
                                    <td field="INITIAL_CREDIT">
                                        <div style="text-align:right;height:auto;" class="datagrid-cell datagrid-cell-c1-INITIAL_CREDIT">
                                        ${item.start_credit_balance?default('0')}
                                        </div>
                                    </td>
                                    <td field="DEBIT">
                                        <div style="text-align:right;height:auto;" class="datagrid-cell datagrid-cell-c1-DEBIT">
                                        ${item.occurred_debit_balance?default('0')}
                                        </div>
                                    </td>
                                    <td field="CREDIT">
                                        <div style="text-align:right;height:auto;" class="datagrid-cell datagrid-cell-c1-CREDIT">
                                        ${item.occurred_credit_balance?default('0')}
                                        </div>
                                    </td>
                                    <td field="TOTAL_DEBIT">
                                        <div style="text-align:right;height:auto;" class="datagrid-cell datagrid-cell-c1-TOTAL_DEBIT">
                                        ${item.end_debit_balance?default('0')}
                                        </div>
                                    </td>
                                    <td field="TOTAL_CREDIT">
                                        <div style="text-align:right;height:auto;" class="datagrid-cell datagrid-cell-c1-TOTAL_CREDIT">
                                        ${item.end_credit_balance?default('0')}
                                        </div>
                                    </td>
                                </tr>
                                </#list>


                                </tbody>
                            </table>
                        </div>
                        <div class="datagrid-footer" style="width: 1058px;">
                            <div class="datagrid-footer-inner" style="display: none;"></div>
                        </div>
                    </div>
                </div>
                <!--分页-->
                <div class="datagrid-pager pagination">
                    <table cellspacing="0" cellpadding="0" border="0">
                        <tbody>
                        <tr>
                            <td><select class="pagination-page-list">
                                <option>20</option>
                                <option>30</option>
                                <option>40</option>
                                <option>50</option>
                            </select></td>
                            <td>
                                <div class="pagination-btn-separator"></div>
                            </td>
                            <td><a href="javascript:void(0)"
                                   class="l-btn l-btn-small l-btn-plain l-btn-disabled l-btn-plain-disabled" group=""
                                   id=""><span class="l-btn-left l-btn-icon-left"><span class="l-btn-text l-btn-empty">&nbsp;</span><span
                                    class="l-btn-icon pagination-first">&nbsp;</span></span></a></td>
                            <td><a href="javascript:void(0)"
                                   class="l-btn l-btn-small l-btn-plain l-btn-disabled l-btn-plain-disabled" group=""
                                   id=""><span class="l-btn-left l-btn-icon-left"><span class="l-btn-text l-btn-empty">&nbsp;</span><span
                                    class="l-btn-icon pagination-prev">&nbsp;</span></span></a></td>
                            <td>
                                <div class="pagination-btn-separator"></div>
                            </td>
                            <td><span style="padding-left:6px;">第</span></td>
                            <td><input class="pagination-num" type="text" value="1" size="2"></td>
                            <td><span style="padding-right:6px;">共1页</span></td>
                            <td>
                                <div class="pagination-btn-separator"></div>
                            </td>
                            <td><a href="javascript:void(0)"
                                   class="l-btn l-btn-small l-btn-plain l-btn-disabled l-btn-plain-disabled" group=""
                                   id=""><span class="l-btn-left l-btn-icon-left"><span class="l-btn-text l-btn-empty">&nbsp;</span><span
                                    class="l-btn-icon pagination-next">&nbsp;</span></span></a></td>
                            <td><a href="javascript:void(0)"
                                   class="l-btn l-btn-small l-btn-plain l-btn-disabled l-btn-plain-disabled" group=""
                                   id=""><span class="l-btn-left l-btn-icon-left"><span class="l-btn-text l-btn-empty">&nbsp;</span><span
                                    class="l-btn-icon pagination-last">&nbsp;</span></span></a></td>
                            <td>
                                <div class="pagination-btn-separator"></div>
                            </td>
                            <td><a href="javascript:void(0)" class="l-btn l-btn-small l-btn-plain" group="" id=""><span
                                    class="l-btn-left l-btn-icon-left"><span
                                    class="l-btn-text l-btn-empty">&nbsp;</span><span
                                    class="l-btn-icon pagination-load">&nbsp;</span></span></a></td>
                        </tr>
                        </tbody>
                    </table>
                    <div class="pagination-info">显示1到9,共9记录</div>
                    <div style="clear:both;"></div>
                </div>
            </div>
        </div>
    </div>
</div>

<script src="../page/Scripts/jquery/jquery-2.0.3.js"></script>
<script src="../page/js/TrialBalance.js"></script>



</body>
</html>